From 380da842ffdb597eebb88f217f89a9268cbfaf6a Mon Sep 17 00:00:00 2001
From: Adam Soltys <adam@coinos.io>
Date: Thu, 28 Nov 2024 08:04:46 -0800
Subject: currency locale

---
 src/routes/(app)/reset/[code]/+page.svelte | 37 ++++--------------------------
 1 file changed, 5 insertions(+), 32 deletions(-)

(limited to 'src/routes/(app)/reset/[code]')

diff --git a/src/routes/(app)/reset/[code]/+page.svelte b/src/routes/(app)/reset/[code]/+page.svelte
index 144c73a9..df9d1144 100644
--- a/src/routes/(app)/reset/[code]/+page.svelte
+++ b/src/routes/(app)/reset/[code]/+page.svelte
@@ -1,5 +1,6 @@
 <script>
   import { t } from "$lib/translations";
+  import PasswordInput from "$comp/PasswordInput.svelte";
   import Icon from "$comp/Icon.svelte";
   import Spinner from "$comp/Spinner.svelte";
   import { fly } from "svelte/transition";
@@ -8,7 +9,6 @@
   let { form } = $props();
   let email;
   let loading;
-  let revealPassword = $state();
 </script>
 
 <div class="pt-10">
@@ -31,37 +31,10 @@
       {/if}
 
       <form class="space-y-5" method="POST">
-        <div class="relative">
-          <label for="password" class="block font-semibold"
-            >{$t("login.newPassword")}</label
-          >
-          {#if revealPassword}
-            <input
-              name="password"
-              type="text"
-              required
-              class="bg-primary"
-              bind:value={$password}
-              autocapitalize="none"
-            />
-          {:else}
-            <input
-              name="password"
-              type="password"
-              required
-              class="bg-primary"
-              bind:value={$password}
-              autocapitalize="none"
-            />
-          {/if}
-          <button
-            type="button"
-            onclick={() => (revealPassword = !revealPassword)}
-            class="absolute right-5 top-10"
-          >
-            <Icon icon={revealPassword ? "eye" : "eye-off"} />
-          </button>
-        </div>
+        <PasswordInput
+          bind:value={$password}
+          placeholder={$t("login.password")}
+        />
 
         <div class="text-secondary">
           A new seed phrase will be generated for your account. You'll need to
-- 
cgit v1.2.3